<%@ page import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@page import="beans.Cou_scores"%>
   
<%@page import="java.util.List"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>学生技能展示</title>

   
   <script src="js/jquery-1.9.1.min.js"type="text/javascript"></script>
   <script src="js/jquery.mousewheel.js"type="text/javascript"></script>  
     
    <script src="js/jquery.jqChart.min.js"type="text/javascript"></script>  
    <script src="js/jquery.jqRangeSlider.min.js"type="text/javascript"></script> 
    <link href="css/bootstrap.min.css" rel="stylesheet"/> 
	 <link type="text/css" href="css/jquery.jqRangeSlider.css" /> 
	 
    <link  type="text/css" href="css/themes/smoothness/jquery-ui-1.8.21.css" type="text/css" />  	
  
   <link  type="text/css" href="css/jquery.jqChart.css"/>  
     
	<script src="js/bootstrap.min.js"></script>
    	<script src="jquery/jquery-3.1.1.min.js"></script>
       
    <script type="text/javascript" >  
        $(document).ready(function () {  
        	  var name="${requestScope.avarge.stuName}";
        	  if(name==""){
        		  alert("学号不存在！"); 
        	  }
        	
        	  var i=0;
        	  var data1=[];
          <c:forEach items="${requestScope.avarge.avar}" var="u2">
        	  
        	  data1[i]=${u2};
        	  i++;
              ${u2}
           </c:forEach>
        	  
        
            var background = {  
                type: 'linearGradient',  
                x0: 0,  
                y0: 00,  
                x1: 0,  
                y1: 1,  
                colorStops: [{ offset: 0, color: '#d2e6c9' },  
                             { offset: 1, color: 'white'}]  
            };  
  
            $('#jqChart').jqChart({  
			  title: { text: '6大技能指标' },  
                border: { strokeStyle: '#6ba851' },  
                background: background,  
                axes: [  
                        {  
                            type: 'categoryAngle',  
                            categories: ['专业技能', '数理水平', '动手实践', '外语水平', '文化素养', '身体素质']  
                        },  
                        {  
                            type: 'linearRadius',  
                            renderStyle: 'polygon',  
                            lineWidth: '5',  
                            minimum : 1,  
                            maximum : 100,  
                            interval : 20,  
  
                              
                            majorTickMarks: { visible: true }  
                        }  
                      ],  
                series: [  
                         
                            {  
                                title :name, 
                                type: 'radarArea',  
                                data:data1,  
                                fillStyle: 'rgba(65,140,240,0.75)'  
                            }/*,  
							 {  
                                title: '小绿',  
                                type: 'radarArea',  
                                data: [76.45, 23.78, 86.45, 30.76, 23.79, 35.67],  
                                fillStyle: 'rgba(252,180,65,0.75)'  
                            }  */
                        ]  
            });  
        });  
    </script>  
    <style>
     *{
		 margin:0;
		 padding:0;
	 }
	 
	 #content{
		 margin:0 auto;
		 width:800px;
		 
		 border:2px solid #A6DD94;
	 }
	#head{
		
		font-family:"Microsoft YaHei";
		color:green;
		height:20px;
	}
	#head h1{
		
		width:220px;margin:0 auto;margin-top:15px;
	}
	#form{
		border:1px solid  #A6DD94;
		margin-top:50px;
		height:50px;
	}
#grade{
	margin-top:30px;
	height:115px;
	border:1px solid #A6DD94 ;
}
    </style>
</head>

<body>
<div id="content">
  <div id="head"><h1>学生技能展示</h1></div>
  <div id="form">
   <form class="" action="Stu" method="post">
       <div class="form-group">
        
           <input type="text" name="stuID" class="input-lg"  placeholder="学号"/>
          
        <button class="submit btn btn-primary">搜索</button>	
          
         </div> 
        
    </form>
   </div>
    <div id="jqChart" style="width: 500px; height: 300px;margin:0 auto;margin-top:50px; " > </div> 
    <div id="grade">
       <table class="table table-striped table-bordered table-hover">
              <thead>
                <tr>
                <th>学号</th>
                  <th>专业技能</th>
                  <th>数理水平</th>
                  <th>动手实践</th>
                  <th>外语水平</th>
                  <th>文化素养</th>
                  <th>身体素质</th>
                </tr>
              </thead>
              <tbody>
                  <tr>
                 <td>${ requestScope.avarge.stuID}</td>
                   <c:forEach items="${requestScope.avarge.grade}" var="u1">
                   
                      <td>${u1}</td>
                   </c:forEach>
                </tr>
                 <tr>
                  <td>${ requestScope.avarge.stuID}</td>
                
                   <c:forEach items="${requestScope.avarge.avar}" var="u2">
                   
                      <td>${u2}</td>
                   </c:forEach>
                </tr>
              </tbody>
            </table>
        
    </div>
</div>
   
</body>
</html>
